// pages/home/home.js
const { http } = getApp();
Page({

  /**
   * 页面的初始数据
   */
  data: {
    cates:[],
    subCateId:'2c9f6c946077476a0160781eb392000d',
    items:[],
    page:1,
    isBottom: false
  },
  enterDetail(e){
    // 点击商品进入详情页
    const { id } = e.currentTarget.dataset;
    wx.navigateTo({
      url: `/pages/detail/detail?id=${id}`
    })
  },
  enterList(e){
    console.log(e.currentTarget)
    const id = e.currentTarget.dataset.id;
    // 点击进入 列表页
    wx.navigateTo({
      url: `/pages/itemList/itemList?cateId=${id}`
    })
  },
  fetchCates(){
    http({
      url:"/goods/getCategoryList"
    }).then(res=>{
     
      if(res.data.code === 200){
        this.setData({
          cates:res.data.message
        })
      }
    })
  },
  fetchItems(){
    if(this.data.isBottom){
      return;
    }
    http({
      url:"/goods/getGoodsListByCategorySubID",
      method:'POST',
      data:{
        page: this.data.page,
        categorySubId: this.data.subCateId
      }
    }).then(res=>{
      console.log(res)
      if(res.data.code === 200){
        if(!res.data.message.length){
          this.setData({
            isBottom:true
          })
        }
        this.setData({
          items: [...this.data.items,...res.data.message]
        })
      }
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.fetchCates();
    this.fetchItems();
  
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    console.log("下拉了");
    this.fetchItems();
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    console.log('上啦了')
    this.setData({
      page:  ++this.data.page
    })
    this.fetchItems();
    console.log(this.data.page)
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})